<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>会员权益</title>
    <link rel="stylesheet" href="../css/interests.css">
    <link rel="stylesheet" href="../css/u-reset.min.css">
    <script src="../js/interests.js"></script>
</head>
<body>
    <div class="header">

    </div>
    <!-- 头部大图片开始 -->
    <div id='header_img'>
        <img src="../imgs/member.jpg" alt="" width="100%">
    </div>
    <!-- 头部大图片结束 -->
    <!-- 会员权益开始 -->
    <div class="interests">
        <div class="interests-box">
            <h3><i></i>会员权益</h3>
            <div class="interests-list">
                <ul class="interests-ul">
                    <li>
                       <img src="../imgs/interestsimg1.png" alt="">
                        <p class="active"><img src="./imgs/interests小红点.png" alt=""> 网络远程排号</p>
                        <p >会员可以网络远程排号，减少现场等位时间;</p>
                    </li>
                    <li>
                        <img src="../imgs/interestsimg2.png" alt="">
                         <p class="active"><img src="./imgs/interests小红点.png" alt="">捞币兑好礼</p>
                         <p >会员可凭借账户内的积分，实时在海底捞的门]店或者线上渠道参与礼品兑换活动，兑换后积分相应扣减;</p>
                     </li>
                     <li>
                        <img src="../imgs/interestsimg3.png" alt="">
                         <p  class="active"><img src="./imgs/interests小红点.png" alt=""> 会员专属活动</p>
                         <p>会员可获得生日赠礼、升级礼遇等优惠，并有机会参与海底捞举办的互动活动;</p>
                     </li>
                </ul>
            </div>
        </div>
    </div>
    <!-- 会员权益结束 -->
</body>
</html>